<template>
    <el-dialog :model-value="props.value" title="Tips" width="30%" @closed="props.closed">
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>form props: {{ props }}</p>
        <el-button @click="handleOk">123123</el-button>
    </el-dialog>
</template>
<script lang="ts" setup>
import type { PopupBoxProps } from '@great/utils';

interface IProps extends PopupBoxProps {
    msg: string;
    callback?: (msg: string) => void;
}

const props = defineProps<IProps>();
const handleOk = (e: MouseEvent) => {
    props.close();
    props.callback?.('xxxx');
};
</script>
